<template>
  <div id="app">
    <div class="nav">
      <router-link to="/home" active-class="on">home</router-link>
      <router-link to="/table2excel" active-class="on">table2excel</router-link>
      <router-link to="/backEnd" active-class="on">backEnd</router-link>
    </div>
    <keep-alive>
      <router-view />
    </keep-alive>
  </div>
</template>

<style lang="scss">
#app {
  .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    a {
      font-size: 25px;
      margin-right: 15px;
      &:last-child {
        margin-right: 0px;
      }
      &.on {
        color: red;
      }
    }
  }
}
</style>
